<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Leveleditor</title>
<link rel="stylesheet" href="css_doolhof.css" />
<script src="levelcode.js"></script>
<script type="text/javascript">
var className = "muur";
var levelID = 0;
function selectID(cell){
		className = cell.className;
}
function kleurCell(cell){
	if(cell.className == className){
		cell.className = "empty";
	}
	else {
		cell.className = className;
	}
}
function loadLevel(level){
	ltb = document.getElementById("levelTextbox");
	ltb.value = level;
	table = document.getElementById('t');
	for(i=0; i<levels[level].length; i++){
		for(j=0; j<levels[level][i].length; j++){
			if(levels[level][i][j] == 0){
				table.rows[i].cells[j].className = "empty";
			}
			else if(levels[level][i][j] == 1){
				table.rows[i].cells[j].className = "muur";
			}
			else if(levels[level][i][j] == 2){
				table.rows[i].cells[j].className = "player";
			}
			else if(levels[level][i][j] == 3){
				table.rows[i].cells[j].className = "finish";
			}
			else if(levels[level][i][j] == 4){
				table.rows[i].cells[j].className = "muurvanlinks";
			}
			else if(levels[level][i][j] == 5){
				table.rows[i].cells[j].className = "muurvanrechts";
			}
			else if(levels[level][i][j] == 6){
				table.rows[i].cells[j].className = "muurvanboven";
			}
			else if(levels[level][i][j] == 7){
				table.rows[i].cells[j].className = "muurvanonder";
			}
			else if(levels[level][i][j] == 8){
				table.rows[i].cells[j].className = "portaal1";
			}
			else if(levels[level][i][j] == 9){
				table.rows[i].cells[j].className = "portaal2";
			}
			else if(levels[level][i][j] == 10){
				table.rows[i].cells[j].className = "portaal3";
			}
			else if(levels[level][i][j] == 11){
				table.rows[i].cells[j].className = "portaal4";
			}
		}
	}
}


function showArray(){
	table = document.getElementById("t");
	ltb = document.getElementById("levelTextbox");
	textarea = document.getElementById("textArea");
	textarea.innerHTML = "";
	if(ltb.value == "" || ltb.value == "Nummer van het level"){
		alert("Je hebt geen levelID ingevoerd, de code zal niet werken");
	} 
	else {
		levelID = ltb.value;
	}
	for(i=0; i<20; i++){
		for(j=0; j<20; j++){
			if(table.rows[i].cells[j].className == "muur"){
				textarea.innerHTML += "levels["+levelID+"]["+i+"]["+j+"]=1;";
			}
			else if(table.rows[i].cells[j].className == "player"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=2;");
			}
			else if(table.rows[i].cells[j].className == "finish"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=3;");
			}
			else if(table.rows[i].cells[j].className == "muurvanlinks"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=4;");
			}
			else if(table.rows[i].cells[j].className == "muurvanrechts"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=5;");
			}
			else if(table.rows[i].cells[j].className == "muurvanboven"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=6;");
			}
			else if(table.rows[i].cells[j].className == "muurvanonder"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=7;");
			}
			else if(table.rows[i].cells[j].className == "portaal1"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=8;");
			}
			else if(table.rows[i].cells[j].className == "portaal2"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=9;");
			}
			else if(table.rows[i].cells[j].className == "portaal3"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=10;");
			}
			else if(table.rows[i].cells[j].className == "portaal4"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=11;");
			}
			else if(table.rows[i].cells[j].className == "trap"){
				textarea.innerHTML += ("levels["+levelID+"]["+i+"]["+j+"]=12;");
			}
		}
	}
}
</script>
</head>
<body>
<input type="text" id="levelTextbox" onfocus="if(this.value == 'Nummer van het level'){this.value='';}" value="Nummer van het level"/>
<input type="button" onclick="showArray()" value="Show Level Code" />
<input type="button" onclick="loadLevel(prompt('Welk level?', '0'));" value="Laad level"/>
<table id="t" border="1" cellspacing="0">
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
  <tr>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
    <td onclick="kleurCell(this, event)">&nbsp;</td>
  </tr>
</table>
<table id="hokjesContainer">
 <tr>
    <td onclick="selectID(this);" class="empty">Leeg</td>
  </tr>
  <tr>
    <td onclick="selectID(this);" class="muur">Muur</td>
  </tr>
  <tr>
    <td onclick="selectID(this);" class="player">Player</td>
  </tr>
  <tr>
    <td onclick="selectID(this);" class="finish">Finish</td>
  </tr>
   <tr>
    <td onclick="selectID(this);" class="muurvanlinks">Muur L</td>
  </tr>
    <tr>
    <td onclick="selectID(this);" class="muurvanrechts">Muur R</td>
  </tr>
    <tr>
    <td onclick="selectID(this);" class="muurvanonder">Muur O</td>
  </tr>
    <tr>
    <td onclick="selectID(this);" class="muurvanboven">Muur B</td>
  </tr>
    <tr>
    <td onclick="selectID(this);" class="portaal1">Portaal 1</td>
  </tr>
   <tr>
    <td onclick="selectID(this);" class="portaal2">Portaal 2</td>
  </tr>
   <tr>
    <td onclick="selectID(this);" class="portaal3">Portaal 3</td>
  </tr>
   <tr>
    <td onclick="selectID(this);" class="portaal4">Portaal 4</td>
  </tr>
   <tr>
    <td onclick="selectID(this);" class="trap">Val 4</td>
  </tr>
 
</table>
<textarea rows="25" id="textArea"></textarea>
</body>
</html>